<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>基础测试</title>
</head>
<body>

<div id="view"></div>

<script id="tpl" type="text/tpl">
<p>输出字符串：{{ d.str }}</p>
<p>输出数字：{{ d.num }}</p>
<p>输出html：{{ d.html }}</p>
<p>输出html(转义)：{{= d.html }}</p>
<p>输出数组(直接输出)：{{ d.list }}</p>
<p>输出数组(迭代输出)：{{@ d.list v}} <em>{{v}}</em> {{@}}</p>
<p>输出默认值: {{ d.abc || "该值不存在，我是默认值" }}</p>
<p>过滤器测试1: {{ d.filter | test }}</p>
<p>过滤器测试2: {{ d.filter | test:"\{\{" }}</p>
<p>过滤器测试3: {{ d.filter | test:"\{\{", "\}\}" }} (模板标签内使用模板标签要转义下哦)</p>
<p>过滤器测试4: {{ d.filter1 }}</p>
<p>过滤器测试5: {{ d.filter1 | uppercase }}</p>
<p>过滤器测试6: {{ d.filter1 | lowercase }}</p>
<p>过滤器测试7: {{ d.filter2 | date:"yyyy-MM-dd"}}</p>
</script>

<script src="../src/bt.ext.js"></script>
<script src="../src/filters.js"></script>
<script>
var data = {
    str: "字符串数据",
    num: 123456,
    html: "<u>html代码</u> <em>em</em>",
    list: [1,2,3,4, "字符"],
	filter: "过滤器测试",
	filter1: "abcDEF",
	filter2: 1438214400
};
/** 使用过滤器功能，请调用扩展版 **/
// 添加自定义过滤器
bt.filter("test", function (str, a, b) {
	return (a || "[") + str + (b || "]");
});

// 得到模版
var tpl = document.getElementById("tpl").innerHTML;
document.getElementById("view").innerHTML = bt(tpl).render(data);
</script>
</body>
</html>